<template>
  <div id="home">
<div id="nowing" v-for="(item,index) in Lists" v-bind:key="index">
	<div class="inbox">
		
	
	<!-- <img src="/public/images/+item.src" > -->
	<img :src="item.Src" >
	<div id="content">
		<p class="frist">{{item.MovieNmae}}</p>
		<p class="second">观众评<span>{{item.check}}</span></p>
		<p class="third">主演：  {{item.yanyuan}}</p>
		<p class="end">{{item.end}}</p>
	</div>
	<div class="btn">
		<button type="button">购票</button>
	</div>
	
</div>
	</div>
	
</div>
</template>
<style scoped>
	#home {
		margin-bottom: 10rem;
		-webkit-margin-bottom:10rem ;
		
	}
	#nowing{
			border-bottom: solid 1px  #999999;
			margin-top: 10px;
	}
	.inbox{
		display: flex;
		flex-direction: row;
		/* margin-bottom: 5px; */
	
	}
	.frist{
		font-size: 18px;
		font-weight: bold;
	}
	.second{
		color: #666;
		font-size: 14px;
		/* margin-right: 20px; */
	}
	span{
		color: #FF9900;
		font-weight: bold;
		margin-left: 5px;
	}
	.third{
		color: #666;
		font-size: 14px;
		width: 200px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.end{
		color: #666;
		font-size: 14px;
	}
	#nowing img{
		height: 130px;
		width: 110px;
	}
	#content{
		flex: 1;
		display: flex;
		flex-direction: column;
		margin-left: 10px;
		
	}
	.btn{
		display: flex;
		margin: 10px;
		height: 130px;
		width: 60px;
		line-height: 130px;
		/* height: 80px; */
		/* border: #2C3E50 1px solid; */
	}
	button{
		background-color: #FF0000;
		height: 40px;
		width: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: auto 10px;
		border-radius: 10px;
	}
	p{
		overflow: hidden;
		flex: 1;
		
		
	}
	
</style>
<script>
	export default{
		data(){
			return{
				Lists:[
					{
						Src:'/images/001.png',
						MovieNmae:'机械师2：复活',
						check:'8.9',
						yanyuan:'杰森·斯坦森 杰西卡·阿尔芭 汤米·李·琼斯 杨紫琼 山姆·哈兹尔丁今天50家影院放映800场',
						end:'今天50家影院放映800场'
					},
					{
						Src:'/images/002.png',
						MovieNmae:'敢死队',
						check:'8.7',
						yanyuan:' 西尔维斯特·史泰龙，杰森·斯坦森，梅尔·吉布森今天50家影院放映750场',
						end:'今天50家影院放映750场'
					},
					{
						Src:'/images/003.png',
						MovieNmae:'最后的巫师猎人',
						check:'8.4',
						yanyuan:'范·迪塞尔，萝斯·莱斯利，伊利亚·伍德，迈克尔·凯恩，丽纳·欧文今天50家影院放映600场',
						end:'今天50家影院放映600场'
					},
					{
						Src:'/images/004.png',
						MovieNmae:'饥饿游戏3',
						check:'7.6',
						yanyuan:'詹妮弗·劳伦斯，乔什·哈切森，利亚姆·海姆斯沃斯今天50家影院放映550场',
						end:'今天50家影院放映550场'
					},
					{
						Src:'/images/005.png',
						MovieNmae:'钢铁骑士',
						check:'7.3',
						yanyuan:'本·温切尔，乔什·布雷纳，玛丽亚·贝罗， 迈克·道尔， 安迪·加西亚今天50家影院放映500场',
						end:'今天50家影院放映500场'
					},
					{
						Src:'/images/006.png',
						MovieNmae:'奔跑者',
						check:'6.6',
						yanyuan:'尼古拉斯·凯奇，康妮·尼尔森，莎拉·保罗森，彼得·方达今天50家影院放映500场',
						end:'今天50家影院放映500场'
					}
					
				]
			}
		}
	}
</script>
